<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="my_style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="scripts.js"></script>
<title>Ewok Poker</title>
</head>
<body>
<div class = "main">
	<div class = "table" id = "table">
			<div class = "pos" id = "p1">
				<div> <span class = "playername" id = "p1name">Player 1</span> </div>
				<div> <span class = "playermoney" id = "p1money">$100</span> </div>
				<span class = "betamount" id = "p1bet"></span>
			</div>
			
			<div class = "pos" id = "p2">
				<div> <span class = "playername" id = "p2name">Player 2</span> </div>
				<div> <span class = "playermoney" id = "p2money">$100</span> </div>
				<span class = "betamount" id = "p2bet"></span>
			</div>
			<div class = "pos" id = "p3">
				<div> <span class = "playername" id = "p3name">Player 3</span> </div>
				<div> <span class = "playermoney" id = "p3money">$100</span> </div>
				<span class = "betamount" id = "p3bet"></span>
			</div>
			<div class = "pos" id = "p4">
				<div> <span class = "playername" id = "p4name">Player 4</span> </div>
				<div> <span class = "playermoney" id = "p4money">$100</span> </div>
				<span class = "betamount" id = "p4bet"></span>
			</div>
			<div class = "pos" id = "p5">
				<div> <span class = "playername" id = "p5name">Player 5</span> </div>
				<div> <span class = "playermoney" id = "p5money">$99</span> </div>
				<span class = "betamount" id = "p5bet"></span>
			</div>
			<div class = "pos" id = "p6">
				<div> <span class = "playername" id = "p6name">Player 6</span> </div>
				<div> <span class = "playermoney" id = "p6money">$98</span> </div>
				<span class = "betamount" id = "p6bet"></span>
			</div>
			<div class = "pos" id = "p7">
				<div> <span class = "playername" id = "p7name">Viljar</span> </div>
				<div> <span class = "playermoney" id = "p7money">$100</span> </div>
				<span class = "betamount" id = "p7bet"></span>
			</div>
			<div class = "pos" id = "p8">
				<div> <span class = "playername" id = "p8name">Player 8</span> </div>
				<div> <span class = "playermoney" id = "p8money">$100</span> </div>
				<span class = "betamount" id = "p8bet"></span>
			</div>
			<div class = "pos" id = "p9">
				<div> <span class = "playername" id = "p9name">Player 9</span> </div>
				<div> <span class = "playermoney" id = "p9money">$100</span> </div>
				<span class = "betamount" id = "p9bet"></span>
			</div>
			<div id = "dealer"></div>
			<div class = "cardplaces" >
				<div class = "flop" id = "flop1"> </div>
				<div class = "flop" id = "flop2"> </div>
				<div class = "flop" id = "flop3"> </div>
				<div id = "turn"></div>
				<div id = "river"></div>
			</div>
			<span id = "totalpot">Total pot: $3</span>
	</div>
	<div class = "footer" >
		<div class = "chat"> 
			<div class = "chattext">
			<textarea id = "chattextarea" readonly="readonly">Player2: This game is rigged.. Player5: my brother is an ewok</textarea> 
			</div>
			<div class = "inputtext">
				<form name="input" action="" method="post">
					<input id = "textinput" type="text" name="message" />
					<input type="submit" value="Send" />
				</form> 
			</div>
		</div>
	
		<div class = "buttons"> 
			<form method="post" action="">
				<input class = "button" id = "foldbutton" type="button" value="Fold">
			</form>
			<form method="post" action="">
				<input class = "button" id = "raisebutton" type="button" value="Raise">
			</form>
			<form method="post" action="">
				<input class = "button" id = "checkbutton" type="button" value="Check / Call">
			</form>

		</div>
	
		<div class = "bet">
			<input type="range" min="0" max="100" value="0" step="1" onchange="showValue(this.value)" />
			<input id="betinput" type="text" name="betamount"/>
			<form method="post" action="">
				<input class = "potbuttons" id = "betpot" type="button" value="Pot">
			</form>
			<form method="post" action="">
				<input class = "potbuttons" id = "bethalfpot" type="button" value="1/2 pot">
			</form>
		</div>
	</div>
</div>
</body>
</html>